<template>
    <div class="mediaContent">
        <indexMediaNav @showShortVideo="showTab"></indexMediaNav>
        <indexMediaShortVideo v-if="show=='shortVideo'"></indexMediaShortVideo>
        <indexMediaRedBook v-if="show=='redBook'"></indexMediaRedBook>
        <indexMediaKola v-if="show=='kola'"></indexMediaKola>
        <indexMediaWechat v-if="show=='wechat'"></indexMediaWechat>
        <indexMediaDaV v-if="show=='dav'"></indexMediaDaV>
    </div>
</template>
<script>
// 热销媒体组件
import indexMediaNav from './indexMediaNav.vue';
import indexMediaShortVideo from './indexMediaShortVideo.vue';
import indexMediaRedBook from './indexMediaRedBook.vue';
import indexMediaKola from './indexMediaKola.vue';
import indexMediaWechat from './indexMediaWechat.vue';
import indexMediaDaV from './indexMediaDaV.vue';
export default {
    components:{
        indexMediaNav,
        indexMediaShortVideo,
        indexMediaRedBook,
        indexMediaKola,
        indexMediaWechat,
        indexMediaDaV
    },
    data(){
        return {
            show:"shortVideo",
        }
    },
    methods:{
        showTab(content){
            this.show = content
        }
    }
}
</script>
<style scoped>
.mediaContent{
    width:1000px;
    float:left;
}
</style>


